<!DOCTYPE html>
<html lang="en">
  <head>
    <title>智慧园区管理平台</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
    />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" href="./libs/css/main.css" />
    <script src="./libs/js/jquery/jquery.min.js"></script>
    <script src="./libs/js/tween.umd.js"></script>
  </head>

  <body>
    <div>
      <div class="building-menus-wrapper">
        <div class="in-building">
          <div onclick="toggleS()">供水</div>
          <div onclick="toggleD()">供电</div>
          <div onclick="toggleQT()">气体</div>
          <div onclick="toggleZP()">自喷</div>
          <div onclick="toggleKTF()">空调风管</div>
          <div onclick="toggleKTS()">空调水管</div>
        </div>
        <div class="in-floor">
          <div onclick="toggleCamera()">摄像头</div>
          <div onclick="toggleSmoke()">烟感</div>
          <div onclick="toggleFire()">灭火器</div>
        </div>
        <div class="floor-objects"></div>
      </div>
      <div class="floor-select-wrapper">
        <div class="floor-select">
          <div onclick="toggleFloor(0)" class="selected">All</div>
          <div onclick="toggleFloor(1)">1F</div>
          <div onclick="toggleFloor(2)">2F</div>
          <div onclick="toggleFloor(3)">3F</div>
          <div onclick="toggleFloor(4)">4F</div>
          <div onclick="toggleFloor(5)">5F</div>
          <div onclick="toggleFloor(6)">6F</div>
          <div onclick="toggleFloor(7)">7F</div>
          <div onclick="toggleFloor(8)">8F</div>
        </div>
      </div>
    </div>
    <div class="mask-wrapper">
      <div class="mask">
        <div class="mask-div">
          <div class="mask-icon"></div>
          <div class="mask-text">Loading</div>
        </div>
      </div>
    </div>
    <script src="./index.js"></script>
    <script type="module" src="./3d.js"></script>
  </body>
</html>
